.error {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;

    h1 {
        font-size: pxToRem(90);
        text-shadow: 6px 1px 0px var(--el-color-info-light-8);
        transform: rotateZ(270deg) translateY(pxToRem(-115));
        position: absolute;
        font-weight: bold;
        background-image: linear-gradient(49deg, var(--el-color-warning-dark-2) 10%, var(--el-color-warning-light-7) 41%, var(--el-color-warning-light-9) 100%);
        color: transparent;
        -webkit-background-clip: text;
        background-size: 200% 100%;
        animation: maskedAnimation 4s infinite linear;

        @keyframes maskedAnimation {
            0% {
                background-position: 0 0;
            }

            50% {
                background-position: 100% 0;
            }

            100% {
                background-position: 0 0;
            }
        }
    }

    &>div {
        width: pxToRem(205);
        height: pxToRem(150);
        font-size: pxToRem(16);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-left: pxToRem(100);

        &>p {
            line-height: pxToRem(26);
        }
    }

    .el-button+.el-button {
        margin-left: 0;
    }
}